<!DOCTYPE HTML>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="static/assets/global/plugins/bootstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="static/assets/global/css/components.css"/>
	<link rel="stylesheet" type="text/css" href="static/assets/admin/pages/css/login.css"/>
	<script type="text/javascript" src="static/assets/global/plugins/jquery-1.11.0.min.js"></script>
</head>
<body class="login">
	<div class="content">
		<h3 class="form-title">获取otp信息</h3>
		<div class="form-group">
			<label class="control-label">手机号</label>
			<div>
				<input class="form-control" type="text" placeholder="手机号" name="telphone" id="telphone">
			</div>
		</div>
		<div class="form-actions">
			<button class="btn blue" type="button" id="gettop">
				获取otp短信
			</button>
		</div>
	</div>
	
	<script type="text/javascript">
			jQuery(document).ready(function(){
				$("#gettop").on("click", function() {
					var telphone = $("#telphone").val();
					if (telphone == null || telphone == "") {
						alert("手机号不能为空");
						return false;
					}
					$.ajax({
						type: "POST",
						contentType: "application/x-www-form-urlencoded",
						url:"http://localhost:8090/user/getotp",
						data:{
							"telphone":telphone
						},
						xhrFields:{withCredentials:true},
						async:true,
						success:function(data) {
							if(data.status == "success") {
								// alert("otp已经发送到您的手机上，请注意查收");
								window.location.href="file:///F:/BaiduNetdiskDownload/staticpage/register.html";
							} else {
								alert("otp发送失败，原因为" + data.data.errMsg);
							}
						},
						error:function(data) {
							alert("otp发送失败，原因为" + data.responseText);
						}
					})
					return false;
				});
			});
	</script>
</body>

</html>